<template>
  <div style="padding: 20px;">
    <el-tabs type="border-card">
      <el-tab-pane label="基本设置" name="first">
        <el-divider content-position="left">下载单份简历</el-divider>
        <el-form ref="form" :model="form" label-width="200px">
          <el-form-item label="单份简历下载">
            <el-switch
              v-model="value"
              active-color="#13ce66"
              inactive-color="#ff4949"
            >
            </el-switch>
          </el-form-item>
          <el-form-item label="普通简历单价">
            <el-table :data="data" style="width: 100%" border>
              <el-table-column prop="prop" label="刷新时间" width="width">
              </el-table-column>
              <el-table-column prop="prop" label="单价" width="width">
              </el-table-column>
            </el-table>
          </el-form-item>
          <el-form-item label="优质简历单价">
            <el-input placeholder="" style="width: 20%">
              <template slot="append">元</template>
            </el-input>
          </el-form-item>
          <el-form-item label="允许积分全抵">
            <el-switch
              v-model="value"
              active-color="#13ce66"
              inactive-color="#ff4949"
            >
            </el-switch>
          </el-form-item>
          <el-form-item label="所需积分">
            <el-table :data="data" style="width: 100%" border>
              <el-table-column prop="prop" label="刷新时间" width="width">
              </el-table-column>
              <el-table-column prop="prop" label="所需积分" width="width">
              </el-table-column>
            </el-table>
          </el-form-item>
          <el-form-item label="优质简历所需积分">
            <el-input placeholder="" style="width: 20%">
              <template slot="append">点</template>
            </el-input>
          </el-form-item>
          <el-form-item label="">
            <el-button type="primary">保存</el-button>
          </el-form-item>
        </el-form>
        <el-divider content-position="left">刷新职位</el-divider>
        <el-form ref="form" :model="form" label-width="200px">
          <el-form-item label="刷新职位单价">
            <el-input placeholder="" style="width: 20%">
              <template slot="append">元</template>
            </el-input>
          </el-form-item>
          <el-form-item label="允许积分全抵">
            <el-switch
              v-model="value"
              active-color="#13ce66"
              inactive-color="#ff4949"
            >
            </el-switch>
          </el-form-item>
          <el-form-item label="所需积分">
            <el-input placeholder="" style="width: 20%">
              <template slot="append">点</template>
            </el-input>
          </el-form-item>
          <el-form-item label="">
            <el-button type="primary">保存</el-button>
          </el-form-item>
        </el-form>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          refreshTime: "刷新时间一天之内",
          price: 0,
          unit: "元",
        },
        {
          refreshTime: "刷新时间三天之内",
          price: 0,
          unit: "元",
        },
        {
          refreshTime: "刷新时间五天之内",
          price: 0,
          unit: "元",
        },
        {
          refreshTime: "刷新时间五天以上",
          price: 0,
          unit: "元",
        },
      ],
    };
  },
};
</script>

<style scoped>
h3 {
  margin-bottom: 20px;
}
</style>
